<%@ taglib uri="/WEB-INF/meitt.tld" prefix="m"%>
<%@ page buffer="32kb" contentType="text/html;charset=UTF-8"%>
<%@ page isELIgnored="false"%>


<m:page title="MeiTT">
	<div class="overlay" id="overlay"></div>

	<div class="box" id="box">
		<a class="boxclose" id="boxclose" onclick="boxFadeOut(); return false;"></a>
		<h1 id="info-box-head"></h1>
		<p id="info-box-body"></p>
	</div>


	<div id="main">
		<div id="head">
			<div id="seadedNupp" class="floatRight button" onclick="loadBoxAndFadeIn('seaded');">SEADED</div>
			<div id="abiNupp" class="floatRight button" onclick="loadBoxAndFadeIn('abi');">ABI</div>
			<div id="ajaluguNupp" class="floatRight button" onclick="loadBoxAndFadeIn('ajalugu');">AJALUGU</div>

		</div>
		<div id="center">
			<div id="lobby">
				<div id="gamesList"></div>
				<div id="lobbyInputs">
					<input type="hidden" name="name" id="selectedGameField"> 
					<input type="text" name="name" id="playerName"> 
					<input type="button" value="JOIN" onclick="joinGame();">
					<input type="button" value="CREATE" onclick="createGame();">
				</div>
			</div>
			<div id="game" style="display:none;">
				<div id="player" class="jaotis floatLeft w40">
					<div id="playerField" class="playField floatRight"></div>
				</div>
				<div id="vahemees" class="jaotis floatLeft">
					<div id="mainbutton">START</div>
				</div>
				<div id="vastane" class="jaotis floatLeft w40">
					<div id="enemyField" class="playField floatLeft"></div>
				</div>
			</div>
		</div>
		<div id="foot" style="display:none;">
			<div class="chatArea transparentBackground">
				<div id="scroll"></div>
				<input id="chatInput" type="text" />
			</div>
		</div>
	</div>
</m:page>
